{$contents}

{literal}
<br style="clear:both;"/>
<div style="text-align:left; padding:10px;">
<h2>Source</h2>

<pre class="code">
&lt;?php
$panel = array(
	'id' => 'myTabPanel',
	'type' => 'tabPanel',
	'style' => 'width:400px; float:left;',
	'headerTabs' => false,
	'border'=>true,
	'frame' => false,
	'action' => $this->getUrl('tabPanel/'),
	'items' => array(
		array(
			'title' => 'First tab',
			'html' => 'First tab content',
			'bodyStyle' => 'height:150px; padding:10px',
		),
		array(
			'title' => 'Second tab',
			'html' => 'Second tab content',
			'bodyStyle' => 'height:150px; padding:10px',
		),
		array(
			'title' => 'Third tab',
			'html' => 'Third tab content',
			'bodyStyle' => 'height:150px; padding:10px',
		),
		array(
			'title' => 'Last tab',
			'html' => 'Last tab content',
			'bodyStyle' => 'height:150px; padding:10px',
		),
	),
);

$panel2 = array(
	'id' => 'myTabPanel2',
	'type' => 'tabPanel',
	'style' => 'width:400px; float:left;',
	'headerTabs' => true,
	'frame' => false,
	'border'=>true,
	'action' => $this->getUrl('tabPanel/'),
	'items' => array(
		array(
			'title' => 'First tab 2',
			'html' => 'First tab content',
			'bodyStyle' => 'height:150px; padding:10px',
		),
		array(
			'title' => 'Second tab 2',
			'html' => 'Second tab content',
			'bodyStyle' => 'height:150px; padding:10px',
		),
		array(
			'title' => 'Third tab 2',
			'html' => 'Third tab content',
			'bodyStyle' => 'height:150px; padding:10px',
		),
		array(
			'title' => 'Last tab 2',
			'html' => 'Last tab content',
			'bodyStyle' => 'height:150px; padding:10px',
		),
	),
);

$this->view->contents = DomFg::render( $panel ) .  DomFg::render( $panel2 );
?&gt;
</pre>
</div>
{/literal}